<template>
  <div class="tax-label">
    <div
      class="import_tax"
      v-if="detailAll.is_open_kuajing==1 && detailAll.item_detail.tax_fee>0 && detailAll.item_config.kuajing_type && detailAll.item_config.kuajing_type!=0"
    >
      进口税：预计&yen;{{detailAll.item_detail.tax_fee}}起
      <i class="import_tax_tip" @click="handleOpenTaxDialog"></i>
    </div>
    <!-- 税费详情弹窗  -->
    <tax-fee :visible.sync="taxDialogVisible" :taxData="detailAll.item_detail.tax_fee"></tax-fee>
  </div>
</template>


<script>
import Vue from "vue";
import taxFee from "../../../../components/taxFee";
export default Vue.extend({
  props: {
    detailAll: {
      type: Object,
    },
  },
  components: {
    taxFee,
  },
  data() {
    return {
      taxDialogVisible: false,
    };
  },
  methods: {
    // 打开税费
    handleOpenTaxDialog() {
      this.taxDialogVisible = true;
    },
  },
  beforeDestroy() {
    // TODO 页面销毁前销毁所有监听事件
    this.$off()
  },
});
</script>

<style></style>